import React from "react";
import { useTheme } from "@/lib/theme-provider";

interface DiscordIconProps {
  className?: string;
  size?: number;
}

export const DiscordIcon: React.FC<DiscordIconProps> = ({
  className = "",
  size = 22
}) => {
  const { resolvedTheme } = useTheme();

  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09-.01-.02-.04-.03-.07-.03-1.5.26-2.93.71-4.27 1.33-.01 0-.02.01-.03.02-2.72 4.07-3.47 8.03-3.1 11.95 0 .02.01.04.03.05 1.8 1.32 3.53 2.12 5.24 2.65.03 0 .06 0 .07-.02.4-.55.76-1.13 1.07-1.74.02-.04 0-.08-.04-.09-.57-.22-1.11-.48-1.64-.78-.04-.02-.04-.08-.01-.11.11-.08.22-.17.33-.25.02-.02.05-.02.07-.01 3.44 1.57 7.15 1.57 10.55 0 .02-.01.05-.01.07.01.11.09.22.17.33.26.04.03.04.09-.01.11-.52.31-1.07.56-1.64.78-.04.01-.05.06-.04.09.32.61.68 1.19 1.07 1.74.02.02.04.03.08.02 1.72-.53 3.45-1.33 5.25-2.65.02-.01.03-.03.03-.05.44-4.53-.73-8.46-3.1-11.95-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.94-1.89-2.1s.84-2.1 1.89-2.1c1.06 0 1.9.95 1.89 2.1 0 1.16-.84 2.1-1.89 2.1zm6.97 0c-1.03 0-1.89-.94-1.89-2.1s.84-2.1 1.89-2.1c1.06 0 1.9.95 1.89 2.1 0 1.16-.83 2.1-1.89 2.1z"
        fill="currentColor"
        className="text-muted-foreground"
      />
    </svg>
  );
};
